<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>中心动态列表页面</title>
		<style>
			body{
				margin:auto;
			    padding:auto;
				
			}
			#colorchange{
				margin:auto;
				width: 200px;
				height: 260px;
				background-image: linear-gradient(to bottom,skyblue ,white 40%);
				border-radius: 5px;
				
			}
			#div_top{
				background-image: url("../homework-imgs/bg.gif");
				background-repeat: no-repeat;
				background-position: 10px 0px;
				height: 30px;
				border-bottom: 1px solid white;
				font-family: "楷体";
				
			}
			#p1{
				margin-left: 45px;
				line-height: 30px;
			}
			.div_main{
				background-image: url("../homework-imgs/dotBg.gif");
				background-repeat: no-repeat;
				background-position: 0px -4px;
				/* margin-left:3px; */ 
				border: 0px solid red;
				width:190px;
				height: 30px;
			}
			.a_bb{
				margin-left: 18px;
				line-height: 30px;
				font-size: 12px;
			}
			a:link{
				text-decoration-line: none;
				color: black;
			}
			a:visited{
				color: black;
			}
			a:hover{
				color: #ff2a19;
			}
			a:active{
				color: #ff2a19;
			}
		</style>
	</head>
	<body>
		<div id="colorchange">
			<div id="div_top">
				<p id="p1">中心开班信息</p>
			</div>
			<div class="div_main"><a href="" class="a_bb">8月12日：学历+技能班</a></div>
			<div class="div_main"><a href="" class="a_bb">8月16日：高考特招班</a></div>
			<div class="div_main"><a href="" class="a_bb">8月23日：Java精英班</a></div>
			<div class="div_main"><a href="" class="a_bb">8月31日：学士后强化班</a></div>
			<div class="div_main"><a href="" class="a_bb">9月5日：大学生就业班</a></div>
			<div class="div_main"><a href="" class="a_bb">9月9日：企业定向委培班</a></div>
			<div class="div_main"><a href="" class="a_bb">9月16日：网络营销强化班</a></div>
		</div>
	</body>
</html>